Law of Common Region 共同區域法則
Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary. 當元素共享一個有明確邊界的區域時，人們傾向於將它們視為一組。
Takeaways 要點
- 給元素加上邊界能讓內容更容易理解，就像把相關的東西放在一個框裡
- 最簡單的方法就是給元素畫個框
- 用不同的背景顏色也能達到同樣的效果
Origins 起源
格式塔心理學家提出的分組原則（或格式塔法則）解釋了人類自然地將物體視為有組織的模式和物件的現象。這些原則包括鄰近性、相似性、連續性、封閉性和連線性。
Design Principles: Visual Perception And The Principles Of Gestalt 設計原則：視覺感知與格式塔原理
1. Good Figure（良好圖形 / 簡約原則）
解釋：我們的大腦傾向於將一組元素看作一個簡單、統一的整體，而不是單獨的部分。
圖中：雖然是多個紅點，但大腦會自動把它們看作一個整體菱形。
比喻：就像看到一朵雲，會覺得它像“兔子”或“船”——大腦自動找一個熟悉形狀。
2. Proximity（接近性）
解釋：相互靠得近的元素會被認為屬於同一組。
圖中：紅點分為三組，每組內部距離近，於是我們自動覺得是三組。
比喻：就像餐廳裡，坐在一桌的人被你認為是一組，即使他們沒互動。
3. Similarity（相似性）
解釋：相似的形狀、顏色、大小的物體容易被視為一組。
圖中：圖形中有圓和三角，我們會自動將同形狀歸為一類。
比喻：一個穿紅隊服的人站在一群紅隊裡，即使他沒說話，你也會覺得他是同一隊的。
Caution: Overuse Creates Clutter 過度使用會導致混亂
如果可能的話，單純使用留白來分組可以減少設計的視覺複雜度。設計師常常為了確保分組清晰而過度使用邊框，但這樣可能會讓設計變得雜亂。很多時候，僅靠元素之間的距離就足夠表達分組關係了。
4. Continuation（延續性）
解釋：我們更傾向於“看出一條連續的線”而不是碎片。
圖中：紅色的兩條線雖然交叉，但我們還是看成兩個獨立的直線延伸方向。
比喻：看到一根曲尺拐彎的電線，大腦會自動“接下去”補完它。
5. Closure（閉合性）
解釋：即使元素沒完全連線，我們也會“腦補”缺失的部分，看成一個完整形狀。
圖中：雖然角落開著口，但我們還是能腦補成一個正方形。
比喻：就像拼圖差一塊你也能猜出圖是什麼。
6. Symmetry（對稱性）
解釋：我們大腦偏好對稱形狀，即使組成部分不是連著的。
圖中：紅點排列對稱，於是我們看到的是“對稱圖形”而不是點的集合。
比喻：就像看到一張對稱的臉，即使五官不全，也覺得“是張臉”。
